<link href="../../../public/stylesheets/main.css" rel="stylesheet" type="text/css" />
#{extends 'main.html' /}
#{set title:'Portal Administrador - Cadastrar Aula' /}
<html>

<body>
<div id="container">

	<!-- Page header -->
	<div id="header">
		<h1>SIGCFC </h1>
	</div>
	
	<div id="content_wrap">
		<!-- Navigation -->
		<div id="nav">
		  <ul>		  	
			<li>
				#{a @Application.portalAdministrador()}Portal Administrador#{/a}
			</li>			
			</BR>
			<center>Aula</center>
			<li>
				#{a @AulaMBean.inserirAula()}Cadastrar Aula#{/a}
			</li>
			<li>
				#{a @AulaMBean.actionListarAula()}Listar Aula#{/a}
			</li>
			<li>
				#{a @AulaMBean.buscarAula()}Buscar Aula #{/a}
			</li>
						
		  </ul>
	  	</div>

		<div id="main">
		
		<center><p style="color:#c00"> ${retorno} </p></center>
		
		<center><h1>CADASTRAR AULA</h1>
		  <p>&nbsp;</p>
		  #{form @AulaMBean.actionInserirAula()}
<table width="298" border="0" align="center">
  <tr>
    <th scope="row"><div align="right"><span class="style5">Código da Disciplina: *</span></div></th>
    	<td>	
    		<select name="codDisc" id="codDisc" >
				<option value="">Selecione</option>
				<!-- Loop que percorre o array e monta o combo das marcas -->
				#{list items:disciplinas, as:'disciplina'}
					<option value="${disciplina.codigo}">
						${disciplina.codigo}
					</option>
				#{/list}
			 </select>
		</td>
    
  </tr>
    <tr>
    <th scope="row"><div align="right"><span class="style5">Nome do Professor: *</span></div></th>
    <th scope="row"><div align="left">      
    </div>
    	<select name="professor" id="professor" >
				<option value="">Selecione</option>
				<!-- Loop que percorre o array e monta o combo das marcas -->
				#{list items:professores, as:'professor'}
					<option value="${professor.nome}">
						${professor.nome}
					</option>
				#{/list}
		</select>
    </th>
  </tr>
  <tr>
    <th scope="row"><div align="right"><span class="style5">Data Início: *</span></div></th>
    <th scope="row"><div align="left">
      <input type="text" name="data" onKeyPress="m_DATA(this,8,event); return v_NR(event)" onKeyDown="return v_NR(event)" onChange="m_DATA(this,8,event)" maxlength="10" size="20" value="DD/MM/YYYY" onFocus="this.value='';">
    </div></th>
  </tr>
  <tr>
    <th scope="row"><div align="right"><span class="style5">Hora Início: *</span></div></th>
    <th scope="row"><div align="left">
    <input type="text" name="horaInicio" onKeyPress="m_HORA(this,6,event); return v_NR(event)" onKeyDown="return v_NR(event)" onchange="m_HORA(this,6,event)" maxlength="8" size="20" value="00:00:00" onFocus="this.value='';">
     </div></th>
  </tr>
  <tr>
    <th scope="row"><div align="right"><span class="style5">Hora Fim: *</span></div></th>
    <th scope="row"><div align="left">
    <input type="text" name="horaFim" onKeyPress="m_HORA(this,6,event); return v_NR(event)" onKeyDown="return v_NR(event)" onchange="m_HORA(this,6,event)" maxlength="8" size="20" value="00:00:00" onFocus="this.value='';" >
    </div></th>
  </tr>
  <tr>
    <th colspan="2" scope="row"><p>
      <input type="submit" value="Cadastrar" />
      <input name="Reset" type="reset" value="Limpar"/>
        </p>
      </th>
    </tr>
</table> 

	#{ifErrors}
	  <p style="color:red;"><strong>ATENÇÃO: </strong>Preencha todos os campos obrigatórios.</p>
 <p>#{/ifErrors}		  </p>
      <p>
    #{/form} </p>
<hr/>
			</center>
			<center class="style5">
			  <em>* : Campos obrigatórios.</em>
			</center> 
		
          <div class="brclear"></div>
		</div>
	</div>
	
  <div id="footer">Sistema de Gestão para Centro de Formação de Condutores<br>TecByte</div>

</div>
</body>
</html>

<style type="text/css">
body,td,th {
	color: #FFFFFF;
}